<template>
<div>
  <a-table :columns="columns" :data-source="listData" :loading="loading" :rowKey="record=>record._id" bordered></a-table>
  <slot :obj="obj">我是备胎</slot>
</div>
</template>

<script>
import {
  reactive,
  toRefs
} from "vue";
export default {
  name: "TownTable",
  components: {},
  data() {
    return {
      obj: {
        a: 123,
        b: 426,
      },
    };
  },
  props: {
    columns: {
      type: Array,
    },
    listData: {
      type: Array,
    },
    loading: {
      type: Boolean,
    },
  },
  setup(props) {
    console.log("+++");
    const {
      listData,
      columns
    } = props;
    // console.log(listData, columns, name);
  },
};
</script>
